<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">
<html>

	<head>
		<title>
			驴友之家
		</title>
		<link rel="stylesheet" href="/stylesheets/bootstrap.css" />
		<link rel="stylesheet" href="/stylesheets/style.css" />
		<link rel="stylesheet" href="/stylesheets/nav.css" />
		<link rel="stylesheet" href="/stylesheets/nav_style.css" />
		<link rel="stylesheet" href="/stylesheets/stick.css" />
	</head>
	<script type="text/javascript" src="/javascripts/jquery-3.0.0.js" ></script>
	<script type="text/javascript" src="/javascripts/bootstrap.min.js"></script>
	<script type="text/javascript" src="/javascripts/carousel.js"></script>
	<script type="text/javascript" src="/javascripts/jquery.ui.min.js"></script>
	<script type="text/javascript" src="/javascripts/jquery.lavalamp.js"></script>
	<script type="text/javascript" src="/javascripts/navigation.js"></script>
	<script type="text/javascript">
		jq = jQuery.noConflict();
		jq(function() {
			
			jq(".my-menu li ul").hide();
			jq(".my-menu li div").on("click", function() {
				jq(".my-menu li ul").slideToggle(500);
			});

			jq('.carousel').carousel({
				interval: 4000
			});

			jq(".accordion a").hover(function() {
				console.log("1");
				jq(this).stop().animate({
					width: "400px"
				}, 500).siblings().stop().animate({
					width: "124px"
				}, 500);
				/*<!--    $(this).stop().animate({width:"26.7% "},500).siblings().stop().animate({width:"11.3% "},500);-->*/
				jq(this).children("li ").children("p ").hide();
			}, function() {
				jq(this).stop().animate({
					width: "163px"
				}, 300).siblings().stop().animate({
					width: "163px"
				}, 300);
				/*<!--  $(this).stop().animate({width:"13.5% "},300).siblings().stop().animate({width:"13.5% "},300);-->*/
				jq(this).children("li ").children("p ").show();
			});

		});
	</script>

	<body>
		<header>
			<nav role="naviation" class="navbar navbar-static-top navbar-default" id="navbar">
				<div class="navbar-header">
					<a href="#" class="navbar-brand"></a>
					<div class="col-lg-6 col-sm-6 col-md-6">
						<div id="navigation">
							<ul class="cleafix">
								<li class="focus">
									<a href="/">首页</a>
								</li>
								<li>
									<a href="/totermini" target="_blank">
										目的地</a>
								</li>
								<li>
									<a href="/totravel_notes" target="_blank">
										游记</a>
								</li>
								<li>
									<a href="/tocommunity" target="_blank">社区</a>
								</li>
							</ul>
							<form method="get" action="/search">
								<div class="input-group"
									 style="width: 30%; left: -8%;" id="btn_group">
									<input type="text" class="form-control"
										 placeholder="输入你想了解的目的地"  name="searchword" id="searchword">
									<span class="input-group-btn">
				                  <input class="btn btn-success" type="submit" 
				                  	style="font-size: 15px;height: 34px;" value="搜索"/>
				                 		    
				                  
              					</span>

								</div>
							</form>
						</div>
					</div>
					<div class="col-lg-2 col-sm-3 col-md-2" style="margin-left: -5%">
						<%if(user){%>

						<div class="my_user" style="margin-top: 0;">
							<ul class="my-menu">
								<li>
									<div>
										<a href="/topsn_page%>">
											<img src="/<%= user.head%>" style="width: 40px; height:40px; border-radius: 25px;" /></a>
										<%=user.name %>
										<span class="glyphicon glyphicon-chevron-down" style="top:4px; left: 6px;"></span>
									</div>
									<a href="/dologout" class="logout">
										注销
										<span class="glyphicon glyphicon-share"></span>
									</a>
									<ul>
										<li>
											<a href="/to_pub_tra">发表游记</a>
										</li>
										<li>
											<a href="/tostra">我的攻略</a>
										</li>
										<li>
											<a href="/topsn_page">我的评论</a>
										</li>
										<li>
											<a href="/topsn_page">个人中心</a>
										</li>
										
									</ul>
								</li>

						</div>

						<%}%>

						<%if(!user){%>
						<a href="/tologin" class="btn-pr">登录</a>
						<a href="/toregister" class="btn-pr">注册</a>
						<%}%>
					</div>
				</div>

			</nav>